<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<ui:composition template="/protected/template/mainLayout.xhtml">
		<ui:define name="content">
			<h:form id="menuFormId">
				<div id="menu">
					<rich:dataGrid id="userMenuGroupId" value="#{menuBean.userMenuGroup}" var="menuItemGroup" columns="3">
						<fieldset class="menuGroup">
							<legend><h:outputText value="#{menuItemGroup.groupName}" /></legend>
							<rich:dataGrid id="menuItemListId" value="#{menuItemGroup.menuItemList}" var="menuItem" columns="4" iterationStatusVar="sta">
								<span>
									<h:outputLink id="menuItemId#{sta.index}" value="#{menuItem.url}?funcId=#{menuItem.menuId}" onclick="allowRedirect();#{rich:component('loadingDialog')}.show()">
										<div class="menuGroupIcon"><h:graphicImage alt="#{menuItem.menuName}" url="#{menuItem.imageUrl}"/></div>
										<div class="menuGroupDesc"><h:outputText value="#{menuItem.menuName}" /></div>
									</h:outputLink>
								</span>
							</rich:dataGrid>
						</fieldset>
					</rich:dataGrid>
				</div>
			</h:form>
		</ui:define>
	</ui:composition>

</html>